@mixin flex-base($fd:row, $jc:null, $ai:null) {
  display: flex;
  flex-direction: $fd;
  justify-content: $jc;
  align-items: $ai;
}

@mixin flex {
  @include flex-base($jc:space-between, $ai:center);
}

@mixin ellipsis {
  overflow: hidden;
  white-space: nowrap; 
  text-overflow: ellipsis;
}